.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
* {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
.box {
    display: -webkit-flex;
    display: flex;
}
.padding(@top, @right, @bottom, @left) {
    .px2rem(padding-top,@top);
    .px2rem(padding-right,@right);
    .px2rem(padding-bottom,@bottom);
    .px2rem(padding-left,@left);
}
.margin(@top, @right, @bottom, @left) {
    .px2rem(margin-top,@top);
    .px2rem(margin-right,@right);
    .px2rem(margin-bottom,@bottom);
    .px2rem(margin-left,@left);
}
.pl(@pl) {
    .px2rem(padding-left,@pl);
}
.pr(@pr) {
    .px2rem(padding-right,@pr);
}
.pt(@pt) {
    .px2rem(padding-top,@pt);
}
.pb(@pb) {
    .px2rem(padding-bottom,@pb);
}
.ml(@ml) {
    .px2rem(margin-left,@ml);
}
.mr(@mr) {
    .px2rem(margin-right,@mr);
}
.mt(@mt) {
    .px2rem(margin-top,@mt);
}
.mb(@mb) {
    .px2rem(margin-bottom,@mb);
}
.w(@width) {
    .px2rem(width,@width);
}
.h(@height) {
    .px2rem(height,@height);
}
.lh(@lh) {
    .px2rem(line-height,@lh)
}
.fz(@fz) {
    .px2rem(font-size,@fz)
}
.main {
   
    .pt(128);
    .pb(146);
    .banner {
        width: 100%;
        .h(460);
        img {
            width: 100%;
        }
    }
    .nav {
        .h(146);
        border-bottom: 1px solid #ccc;
        li{
            .pt(15);
            .pb(15);
            .fz(40);
            .pl(29);
        
        }
    }
    .jieshao{
        p{
         .fz(32);
         .pt(15);
         .pb(15);   
         .pl(15);
         color: #616161;
   
        }
        .btn{
            border: none;
            background: none;
            .w(383);
            .h(73);
          background:linear-gradient(#df0303,#b60203);
          .fz(36);
          .ml(186);
          .mt(66);
          border-radius: 10px;
          
          color: white;
        }
    }
}

